.tableWrap {
  flex: 1;
  .tableHeader {
    padding: 14px 0;
    border-bottom: 1px solid #eaeaea;
    .sorter {
      transform: scale(0.8);
      color: #bfbfbf;
      margin-left: -10px;
      .icon-arrow-down {
        margin-top: -4px;
      }
    }
  }
  .tableContent {
    height: calc(~'100% - 74px');
    .row {
      padding: 13px 0;
      border-bottom: 1px solid #eaeaea;
      &:hover {
        background-color: #f8f8f8;
      }
    }
    .emptyWrap {
      align-items: center;
      justify-content: center;
      height: 100%;
      .iconWrap {
        width: 130px;
        height: 130px;
        line-height: 130px;
        text-align: center;
        border-radius: 50%;
        background-color: #f5f5f5;
      }
      .icon {
        vertical-align: middle;
        font-size: 66px;
        color: #bdbdbd;
      }
      .emptyExplain {
        margin-top: 20px;
        color: #9e9e9e;
        font-size: 17px;
        text-align: center;
      }
    }
  }
}
